<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>美食汇_{{ pay_info }}</title>
    <style>
        a:link{
            color: #000000;
        }
        a:visited{
            color: #000000;
        }
        a:hover{
            color: cornflowerblue;
        }
        a:active{
            color: red;
        }
        #bg{
            background-image: url("../media/images/支付成功失败背景.jpg");
            width: 100%;
            height: 1080px;
            background-repeat: no-repeat;
        }
        .pay_return{
            position: absolute;
            top: 250px;
        }
        #return_dingcan{
            position: absolute;
            top: 600px;
            left: 38%;
        }
    </style>
</head>
<body>
<div id="bg">
    {% if pay_info %}
        <img class="pay_return" src="../media/images/支付成功_02.jpg">
    {% else %}
        <img class="pay_return" src="../media/images/支付失败_02.jpg">
    {% endif %}

    <a href="/"><img id="return_dingcan" src="../media/images/返回订餐按钮_03.jpg"></a>
</div>

<script type="text/javascript">
</script>
</body>
</html>